<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Witkey</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<link rel="stylesheet" type="text/css" href="css/header.css"/>
<link rel="stylesheet" type="text/css" href="css/register.css"/>
<script src="scripts/utilities.js" type="text/javascript"></script>
<script src="scripts/register.js" type="text/javascript"></script>
<!--     <script src="scripts/login.js" type="text/javascript"></script> -->
</head>

<body onload="document.getElementById('username').focus()">
	<div id="wrapper">
		<div id="header">
			<span id="blank_552"></span> 
			<span id="register"	onclick="window.location.href='#'"></span>
			<span id="login" onclick="window.location.href='login.html'"></span>
			<span id="help"	onclick="window.location.href='about.html'"></span>
			<span id="advice" onclick="window.location.href='advice.html'"></span>
		</div>
	
		<div id="main">
		<form name="orderform" action="" method="post">
	
			<div class="input_field">
				<div class="input_text">Witkey账户名 </div> 
				<input class="input_box" id="username" name="username" type="text" size="30"
					onblur="validateName(6, 20, this, document.getElementById('username_help'))"
					onfocus="changeBool()" />
				<span id="img_username"></span> 
				<span id="username_help" class="help"></span>
			</div>
	
	
			<div class="input_field">
				<div class="input_text">请创建一个密码</div>
				<input class="input_box" id="password" name="password" type="password" size="30"
					onblur="validatePassword(8, 20, this, document.getElementById('password_help'))" />
				<span id="img_password"></span>
				<span id="password_help" class="help"></span>
			</div>
	
			<div class="input_field">
				<div class="input_text" id="re_password_blank">重新输入密码</div>
				<input class="input_box" id="re_password"
					name="re_password" type="password" size="30"
					onblur="validateSame(this, document.getElementById('same_help'))" />
				<span id="img_re_password"></span>
				<span id="same_help" class="help"></span>
			</div>
	
			<div class="input_field">
				<div class="input_text">性别</div>
				<input id="sex" name="sex" type="radio" checked="checked" />男
				<input id="sex" name="sex" type="radio" />女
			</div>
	
			<div class="input_field">
				<div class="input_text">电话号码</div>
				<input class="input_box" id="phone"
					name="phone" type="text" size="30"
					onblur="validatePhone(this, document.getElementById('phone_help'))" />
				<span id="img_phone"></span>
				<span id="phone_help" class="help"></span>
			</div>
	
	
			<div class="input_field">
				<div class="input_text">电子邮箱</div>
					<input class="input_box" id="email"
						name="email" type="text" size="30"
						onblur="validateEmail(this, document.getElementById('email_help'))" />
				<span id="img_email"></span> <span id="email_help" class="help"></span>
			</div>
	
			<div class="input_field">
				<div class="input_text">请选择您的头像</div>
				<input class="input_box" id="personimage"
					name="personimage" type="text" size="10" />
				<span id="personimage_button" onclick="submitImageButton();">上传图片</span>
				<span id="personimage_help" class="help"></span>
			</div>
	
			<div id="describe_field">
				<div class="input_text">自我介绍 </div>
				<textarea class="input_box" id="describe"
						name="describe" cols="30" rows="4" ></textarea>
				<span id="img_email"></span>
				<span id="email_help" class="help"></span>
			</div>
			
			<div id="submit_btn" onclick="register(this.form)"></div>
		</form>
	
		</div>
		<div>
			<form action="UploadImage" method="post" enctype="multipart/form-data"
				target="hidden_frame" style="display: none">
				<input type="file" name="mf_imgSrc" id="fileField" onchange="clickSubmit()" /> 
				<input type="submit" name="button" id="ImageSubmitButton" value="保存 " />
				<iframe name='hidden_frame' id="hidden_frame" style='display: none'></iframe>
			</form>
		</div>
	</div>
</body>
</html>